import React from 'react'
import {Button} from "antd";
import {LeftOutlined, RightOutlined} from "@ant-design/icons";

class PaginationFooter extends React.Component {

    render() {
        const footer = <div style={{
            paddingTop: 8,
            display: "flex",
            justifyContent: "flex-end",
        }}>
            <Button
                style={{marginRight: 8,}}
                onClick={(e) => this.props.prevPage()}
            ><LeftOutlined /></Button>
            <a className='ant-pagination-item ant-pagination-item-active '>{this.props.pageIndex + 1}</a>
            <Button
                onClick={(e) => this.props.nextPage()}
            ><RightOutlined /></Button>
        </div>
        return footer
    }
}

export default PaginationFooter